<template>
  <div>
    <h1>app</h1>
    <!-- <directive-one></directive-one>
    <directive-two></directive-two> -->
    <computed-test></computed-test>
    <!-- <h1 v-lc="msg"></h1> -->
    <watch-test></watch-test>
    <filter-test></filter-test>
    <h1>{{ msg | toLower }}</h1>
  </div>
</template>

<script>
import ComputedTest from "./components/ComputedTest.vue";
import FilterTest from "./components/FilterTest.vue";
import WatchTest from "./components/WatchTest.vue";
/* import DirectiveOne from "./components/DirectiveOne.vue";
import DirectiveTwo from "./components/DirectiveTwo.vue"; */
export default {
  data() {
    return {
      msg: "JIN TIAN YOU TAI YANG MA?",
    };
  },
  components: {
    /*  DirectiveOne, 
     DirectiveTwo, */
    ComputedTest,
    WatchTest,
    FilterTest,
  },
};
</script>

<style lang="scss" scoped>
</style>